 <!-- **Main - Starts** --> 
        <div id="main">
            <div class="parallax full-width-bg">
            	<div class="container">
                	<div class="main-title">
                    	<h1> Assignments </h1>
                        <div class="breadcrumb">
                            <a href="index.html">Home</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="dt-sc-margin50"></div>    
            <!-- Container starts-->
            <div class="container">
                <!-- **primary - Starts** --> 
                <section id="primary" class="content-full-width">
                    <!-- **woocommerce - Starts** --> 
                    <div class="woocommerce">
                        
                        <!-- **checkout - Starts** -->
                        <form name="checkout" method="post" class="checkout" action="#">
                            <!-- **col2-set - Starts** -->    
                            <div class="col2-set" id="customer_details">
                            
                                <!-- **col-2 - Starts** --> 
                                <div class="col-1">
                                    <!-- **woocommerce-shipping-fields - Starts** -->
                                    <div class="woocommerce-shipping-fields">
                        				<h3 class="aligncenter"> Assignment for Mathematics (17-April-2015)</h3>
										<p class="aligncenter"> Give answers of all questions and Submit at the end.</p>
										 <div class="cart-collaterals">
                                    <!-- **cart-total - Starts** --> 
                                    <div class="cart_totals alignleft ">
										<table>
                                            <tbody>
                                            
                                                <tr class="cart-subtotal">
                                                    <th><strong> Time </strong></th>
                                                    <td><span id="countdown" class="amount btn-danger"></span></td>
                                                </tr>
                                                
                                                <tr class="shipping">
                                                    <th><strong> Maximum Marks</strong></th>
                                                    <td> 100 Marks <input type="hidden" name="shipping_method" id="shipping_method" value="free_shipping" /></td>
                                                </tr>
                                            
                                            </tbody>
                                        </table>
        
                                    </div> 
									<div class="cart_totals ">
										<table>
                                            <tbody>
                                            
                                                <tr class="cart-subtotal">
                                                    <th><strong> Total Questions </strong></th>
                                                    <td><span class="amount"> 100 Question </span></td>
                                                </tr>
                                                
                                                <tr class="shipping">
                                                    <th><strong> Minimum Marks</strong></th>
                                                    <td> 50 Marks <input type="hidden" name="shipping_method" id="shipping_method" value="free_shipping" /></td>
                                                </tr>
                                            
                                            </tbody>
                                        </table>
        
                                    </div>
                                        <!-- **shipping-address - Starts** -->
                                       <div class="shipping_address">
											
										<div class="form-row form-row-wide address-field update_totals_on_change upload-form" id="shipping_country_field">
												<h4 class="aligncenter"> <strong> Question Palette </strong></h4>
													
											<!-- **pagination - Starts** -->  
											<div class="pagination">
												<ul>
													<li><a data-href="#1" class="click_me btn-success" href="#">1</a></li>
													<li><a  data-href="#2" class="click_me btn-warning" href="#">2</a></li>
													<li><a class="btn-danger" href="#">3</a></li>
													<li><a class="btn-warning" href="#">4</a></li>
													<li><a class="btn-success" href="#">5</a></li>
													<li><a class="btn-success" href="#">6</a></li>
													<li><a class="btn-success" href="#">7</a></li>
													<li><a class="btn-success" href="#">8</a></li>
													<li><a class="btn-success" href="#">9</a></li>
													<li><a class="btn-warning" href="#">10</a></li>
													<li><a class="btn-success" href="#">11</a></li>
													<li><a class="btn-success" href="#">12</a></li>
													<li><a class="btn-success"href="#">13</a></li>
													<li><a class="btn-success" href="#">14</a></li>
													<li><a class="btn-success" href="#">15</a></li>
													<li><a class="btn-success" href="#">16</a></li>
													<li><a class="btn-success" href="#">17</a></li>
													<li><a class="btn-success" href="#">18</a></li>
													<li><a class="btn-success" href="#">19</a></li>
													<li><a class="btn-danger" href="#">20</a></li>
													<li><a href="#">21</a></li>
													<li><a href="#">22</a></li>
													<li><a href="#">23</a></li>
													<li><a href="#">24</a></li>
													<li><a href="#">25</a></li>
													<li><a href="#">26</a></li>
													<li><a href="#">27</a></li>
													<li><a href="#">28</a></li>
													<li><a href="#">29</a></li>
													<li><a href="#">30</a></li>
													<li><a href="#">31</a></li>
													<li><a href="#">32</a></li>
												</ul>
											</div> <!-- **pagination - Ends** -->
											
												<div class="clear"></div>
			
										</div>
											<div class="howdy form-row form-row-wide address-field update_totals_on_change upload-form" style="display:block" id="1">
												<p> <strong>1.) </strong> Items bought by a trader for $80 are sold for $100. What is the profit expressed as a percentage of cost price ?</p>
												<div id="payment">
													<ul class="payment_methods methods">
														<li class="payment_method_bacs">
															<input id="option1" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option1"><span></span> 2.5% </label>
														</li>
														<li class="payment_method_bacs">
															<input id="option2" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option2"><span></span> 20% </label>
														</li>
														<li class="payment_method_bacs">
															<input id="option3" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option3"><span></span> 25% </label>
														</li>
														<li class="payment_method_bacs">
															<input id="option4" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option4"><span></span> 50% </label>
														</li>
													</ul>
												</div>
											
												<div class="clear"></div>
			
											</div>
											<div class="howdy form-row form-row-wide address-field update_totals_on_change upload-form" style="display:none" id="2">
												<p> <strong>2.) </strong> Items bought by a trader for $80 are sold for $100. What is the profit expressed as a percentage of cost price ?</p>
												<div id="payment">
													<ul class="payment_methods methods">
														<li class="payment_method_bacs">
															<input id="option1" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option1"><span></span> 2.5% </label>
														</li>
														<li class="payment_method_bacs">
															<input id="option2" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option2"><span></span> 20% </label>
														</li>
														<li class="payment_method_bacs">
															<input id="option3" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option3"><span></span> 25% </label>
														</li>
														<li class="payment_method_bacs">
															<input id="option4" type="radio" class="input-radio" name="payment_method" value="option" data-order_button_text="">
															<label for="option4"><span></span> 50% </label>
														</li>
													</ul>
												</div>
											
												<div class="clear"></div>
			
											</div>
                                
											<input type="submit" class="button" name="update_cart" value="Next Question" style="margin-left: 15px;">
											<input type="submit" class="button btn-success" name="update_cart" value="Save & Quit" style="margin-left: 15px;">
                                        </div> <!-- **shipping_address - Ends** --> 
                        
                        
                                    </div> <!-- **woocommerce-shipping-fields - Ends** --> 
                        
                               </div> <!-- **col-2 - Ends** -->
                        
                            </div> <!-- **col2-set - Ends** -->
							
                            
                                 
                            </div> <!-- **order_review - Ends** -->
                        </form> <!-- **checkout - Ends** -->
                    </div> <!-- **woocommerce - Ends** --> 
                    <div class="dt-sc-margin50"></div>
                    
                </section> <!-- **Primary - Ends** -->          
           
            </div> <!-- **container - Ends** --> 
        </div> <!-- **Main - Ends** --> 
        
        <!-- **Footer** -->
         <footer id="footer">
        	<div class="footer-widgets-wrapper">
                <div class="container">
                
                    <div class="column dt-sc-one-fourth first">
                        <aside class="widget widget_text">
                            <h3 class="widget-title">Contact  <span class="wlast"> Us </span><span class="small-line"> </span></h3> 
                            <p> <i class="fa fa-phone"></i> <span>Phone:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-print"></i> <span>Fax:</span> +22 004 324 1124 </p>
                            <p> <i class="fa fa-envelope"></i> <span> Email:</span> <a href="#">Vidyasannidhi@gmail.com</a> </p>
                            <p> <i class="fa fa-globe"></i> <span>Web:</span> <a href="#">www.Vidyasannidhi.com</a> </p>
                            <p> <i class="fa fa-location-arrow"></i> <span>58, Thomson Street, Edison Avenue,
         Baltimore, USA</span> </p>
                                                
                        </aside>
                    </div>
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_popular_entries">
                            <h3 class="widget-title">Popular <span class="wlast">Posts</span><span class="small-line"> </span></h3>
                            <div class="recent-property-widget">
                                <ul>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&text=Image" alt="image"/></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="">admin</a></p>
                                        </div>
                                    </li>
                                    <li> <a class="thumb" href="#"><img src="http://www.placehold.it/70x70&text=Image" alt="image"/></a>
                                        <h6><a href="#">Here comes the title for 
    the post with 2 lines</a></h6>
                                        <div class="entry-meta"> 
                                            <p><span class="fa fa-calendar"></span>03Aug2012</p>
                                            
                                            <p><span class="fa fa-user"></span><a href="">admin</a></p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </aside>
                    </div>   
                    
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget widget_tweetbox">
                            <h3 class="widget-title">Twitter <span class="wlast">Feeds</span><span class="small-line"> </span></h3>
                            <div class=""> </div>		
                        </aside>
                    </div>
                
                    <div class="column dt-sc-one-fourth">
                        <aside class="widget mailchimp">
                            <h3 class="widget-title">Newsletter <span class="wlast">Subscription</span><span class="small-line"> </span></h3>
                            <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was of the great Browser.</p>
                            <form method="post" class="mailchimp-form" name="frmNewsletter" action="php/subscribe.php">	
                                <p><span class="fa fa-envelope"></span>
                                <input type="email" placeholder="Enter Email" name="email" value="" required/>	
                                <input type="submit" name="submit" class="dt-sc-button" value="Subscribe" /></p>
                            </form>
                            <div id="ajax_newsletter_msg"></div>
                            <div class="dt-sc-hr-invisible-small"></div>
                            <ul class="dt-sc-social-icons">
                                <li><a class="dt-sc-tooltip-top facebook" href='#' target="_blank" title="Facebook"> <i class="fa fa-facebook"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top twitter" href='#' target="_blank" title="Twitter"> <i class="fa fa-twitter"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top google-plus" href='#' target="_blank" title="Google-plus"> <i class="fa fa-google-plus"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top pinterest" href='#' target="_blank" title="Pinterest"> <i class="fa fa-pinterest"></i> </a></li>
                                <li><a class="dt-sc-tooltip-top youtube" href='#' target="_blank" title="Youtube"> <i class="fa fa-youtube"></i> </a></li>
                            </ul>
                        </aside>
                    </div>
                    
                </div>
        	</div><!-- **footer-widgets-wrapper - End** -->
            
            <div class="copyright">
            	<div class="container">
                	<p>Vidyasannidhi | All rights Reserved. © 2015 </p>
                    <ul class="footer-links">
                    	<li><a href="#">About Us</a>|</li>
                        <li><a href="#">How It Works</a>|</li>
                        <li><a href="#">Tuition Offered</a>|</li>
                        <li><a href="#">Pricing</a>|</li>
                        <li><a href="#">Student Registration</a>|</li>
                        <li><a href="#">Feedback</a>|</li>
                    </ul>
                </div>
            </div>
            
        </footer> <!-- **Footer - End** -->
        
    </div><!-- **inner-wrapper - End** -->
    
</div><!-- **Wrapper - End** -->
        
	<!-- **jQuery** -->  
	<script src="<?php echo base_url();?>adm/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url();?>adm/js/jquery-migrate.min.js"></script>
    
    <script src="<?php echo base_url();?>adm/js/pace.min.js" type="text/javascript"></script>
    
	<script src="<?php echo base_url();?>adm/js/jquery.tabs.min.js"></script>
	<script src="<?php echo base_url();?>adm/js/jquery.nav.js" type="text/javascript"></script>
	
	<script src="<?php echo base_url();?>adm/js/jquery.meanmenu.min.js" type="text/javascript"></script>
	
    
	<!-- **Sticky Nav** -->
	<script src="<?php echo base_url();?>adm/js/jquery.sticky.js" type="text/javascript"></script>
    
	<!-- **To Top** -->
	<script src="<?php echo base_url();?>adm/js/custom.js" type="text/javascript"></script>       
	<script>
	
		function countdown( elementName, minutes, seconds )
	{
		var element, endTime, hours, mins, msLeft, time;

		function twoDigits( n )
		{
			return (n <= 9 ? "0" + n : n);
		}

		function updateTimer()
		{
			msLeft = endTime - (+new Date);
			if ( msLeft < 1000 ) {
				element.innerHTML = "countdown's over!";
			} else {
				time = new Date( msLeft );
				hours = time.getUTCHours();
				mins = time.getUTCMinutes();
				element.innerHTML = (hours ? hours + ':' + twoDigits( mins ) : mins) + ':' + twoDigits( time.getUTCSeconds() );
				setTimeout( updateTimer, time.getUTCMilliseconds() + 500 );
			}
		}

		element = document.getElementById( elementName );
		endTime = (+new Date) + 1000 * (60*minutes + seconds) + 500;
		updateTimer();
	}

	countdown( "countdown", 120, 0 );
	jQuery(document).ready(function($){
	$('.click_me').click(function(e){
			var href = $(this).attr("data-href");
			$(".howdy").css({'display':'none'});
			$(href).css({'display':'block'});
			$( "" ).removeClass( "myClass noClass" ).addClass( "yourClass" );
			return false;
		});
	});
	</script>       
        
</body>
</html>